/**
 * 开单的顶部菜单
 * @author: minzhang
 * @update: 2017-03-21
 */

import React, {PropTypes} from 'react';
import {Row, Col, Icon} from 'antd';
import styles from './BillingMenu.less';

const BillingMenu = ({
}) => {

  return (
		<Row className={styles.menu}>
			<Col span={4}>
				<div>
					<Icon type="calendar" />
				</div>
				<div>办卡</div>
			</Col>
			<Col span={4}>
				<div>
					<Icon type="calendar" />
				</div>
				<div>充值</div>
			</Col>
			<Col span={4}>
				<div>
					<Icon type="calendar" />
				</div>
				<div>会员查询</div>
			</Col>
			<Col span={4}>
				<div>
					<Icon type="calendar" />
				</div>
				<div>预约表</div>
			</Col>
			<Col span={4}>
				<div>
					<Icon type="calendar" />
				</div>
				<div>技师排班</div>
			</Col>
			<Col span={4}>
				<div>
					<Icon type="calendar" />
				</div>
				<div>排钟表</div>
			</Col>
		</Row>
  );
};

BillingMenu.propTypes = {
  title: PropTypes.any,
  visible: PropTypes.any,
  item: PropTypes.object,
};

export default BillingMenu;